import Vue from "vue";
import VueRouter from "vue-router";
import Home from "../views/Home.vue";

Vue.use(VueRouter);

const routes = [{
    path: "/",
    name: "Home",
    component: Home
  },
  {
    path: "/about",
    name: "About",
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () =>
      import( /* webpackChunkName: "about" */ "../views/About.vue")
  },
  {
    path: "/headers",
    name: "headers",
    component: () =>
      import( /* webpackChunkName: "about" */ "../views/headers.vue")
  },
  {
    path: "/Vi18N",
    name: "Vi18N",
    component: () =>
      import("../views/Vi18N.vue")
  },
  {
    path: "/VIcon",
    name: "VIcon",
    component: () =>
      import("../views/VIcon.vue")
  },
  {
    path: "/VGrid",
    name: "VGrid",
    component: () =>
      import("../views/VGrid.vue")
  },
  {
    path: "/VLayout",
    name: "VLayout",
    component: () =>
      import("../views/VLayout.vue")
  },
  {
    path: "/VSpace",
    name: "VSpace",
    component: () =>
      import("../views/VSpace.vue")
  },
  {
    path: "/VAffix",
    name: "VAffix",
    component: () =>
      import("../views/VAffix.vue")
  },
  {
    path: "/VBreadcrumb",
    name: "VBreadcrumb",
    component: () =>
      import("../views/VBreadcrumb.vue")
  },
  {
    path: "/VDropdown",
    name: "VDropdown",
    component: () =>
      import("../views/VDropdown.vue")
  },
  {
    path: "/VMenu",
    name: "VMenu",
    component: () =>
      import("../views/VMenu.vue")
  },
  {
    path: "/VPageHeader",
    name: "VPageHeader",
    component: () =>
      import("../views/VPageHeader.vue")
  },
  {
    path: "/VPagination",
    name: "VPagination",
    component: () =>
      import("../views/VPagination.vue")
  },
  {
    path: "/VSteps",
    name: "VSteps",
    component: () =>
      import("../views/VSteps.vue")
  },
  {
    path: "/VAutoComplete",
    name: "VAutoComplete",
    component: () =>
      import("../views/VAutoComplete.vue")
  },
  {
    path: "/VCascader",
    name: "VCascader",
    component: () =>
      import("../views/VCascader.vue")
  },
  {
    path: "/VCheckbox",
    name: "VCheckbox",
    component: () =>
      import("../views/VCheckbox.vue")
  },
  {
    path: "/VDatePicker",
    name: "VDatePicker",
    component: () =>
      import("../views/VDatePicker.vue")
  },
  {
    path: "/VFormModel",
    name: "VFormModel",
    component: () =>
      import("../views/VFormModel.vue")
  },
  {
    path: "/VRate",
    name: "VRate",
    component: () =>
      import("../views/VRate.vue")
  },
  {
    path: "/VSelect",
    name: "VSelect",
    component: () =>
      import("../views/VSelect.vue")
  },
  {
    path: "/VSwitch",
    name: "VSwitch",
    component: () =>
      import("../views/VSwitch.vue")
  },
  {
    path: "/VTimePicker",
    name: "VTimePicker",
    component: () =>
      import("../views/VTimePicker.vue")
  },
  {
    path: "/VTransfer",
    name: "VTransfer",
    component: () =>
      import("../views/VTransfer.vue")
  },
  {
    path: "/VUpload",
    name: "VUpload",
    component: () =>
      import("../views/VUpload.vue")
  },
  {
    path: "/VAvatar",
    name: "VAvatar",
    component: () =>
      import("../views/VAvatar.vue")
  },
  {
    path: "/VCalendar",
    name: "VCalendar",
    component: () =>
      import("../views/VCalendar.vue")
  },
  {
    path: "/VCard",
    name: "VCard",
    component: () =>
      import("../views/VCard.vue")
  },
  {
    path: "/VCarousel",
    name: "VCarousel",
    component: () =>
      import("../views/VCarousel.vue")
  },
  {
    path: "/VCollapse",
    name: "VCollapse",
    component: () =>
      import("../views/VCollapse.vue")
  },
  {
    path: "/VComment",
    name: "VComment",
    component: () =>
      import("../views/VComment.vue")
  },
  {
    path: "/VDescriptions",
    name: "VDescriptions",
    component: () =>
      import("../views/VDescriptions.vue")
  },
  {
    path: "/VEmpty",
    name: "VEmpty",
    component: () =>
      import("../views/VEmpty.vue")
  },
  {
    path: "/VList",
    name: "VList",
    component: () =>
      import("../views/VList.vue")
  },
  {
    path: "/VTable",
    name: "VTable",
    component: () =>
      import("../views/VTable.vue")
  },
  {
    path: "/VDrawer",
    name: "VDrawer",
    component: () =>
      import("../views/VDrawer.vue")
  }
];

const router = new VueRouter({
  mode: "history",
  base: process.env.BASE_URL,
  routes
});

export default router;